<template>
    <div>
        <h3>我的收藏</h3>
        <mineReturn title="我的收藏"  />

        <ul class="show">
            <li>
                <van-image width="6rem" height="10rem" fit="cover" src="https://img01.yzcdn.cn/vant/cat.jpeg" />
                <br>
                <span>aaaaaaaaaaaa</span>
                <br>
                <span>ssssssss</span>
            </li>
            <li>
                <van-image width="6rem" height="10rem" fit="cover" src="https://img01.yzcdn.cn/vant/cat.jpeg" />
                <br>
                <span>aaaaaaaaaaaa</span>
                <br>
                <span>ssssssss</span>
            </li>
            <li>
                <van-image width="6rem" height="10rem" fit="cover" src="https://img01.yzcdn.cn/vant/cat.jpeg" />
                <br>
                <span>aaaaaaaaaaaa</span>
                <br>
                <span>ssssssss</span>
            </li>
            <li>
                <van-image width="6rem" height="10rem" fit="cover" src="https://img01.yzcdn.cn/vant/cat.jpeg" />
                <br>
                <span>aaaaaaaaaaaa</span>
                <br>
                <span>ssssssss</span>
            </li>
            
        </ul>
    </div>
</template>

<script>
    export default {
        
    }
</script>

<style lang="scss" scoped>
.show{
    width: 100%;
    display: flex;
   flex-direction: row;
   justify-content: flex-start;
   flex-wrap: wrap;
   flex: 1;
   padding: 0 5px;
   li {
    margin: 0 8px;
   }
}


</style>